/**
 * Created by yoyoyk on 2017/5/11.
 */
/**
 * Created by Dalyn on 2017/5/8.
 */
import React from "react";
import {hashHistory} from 'react-router';
import Relay from "react-relay";
import ReactKey from "../../../../util/ReactKey";
import "../css/TechRequ.css";

import {_Button,_Input} from "ANT_DE";
const Button  = _Button,
    Input = _Input;

/*
 * 工艺要求  展示层  ui纯UI无状态组件
 *
 *
 * */
/*导出组件*/
export default class ProcessDemand extends React.Component{

    constructor(props) {
        super(props);
        this.state = {

        };

        this.dataList = [
            {name:"裁剪注意事项"},
            {name:"缝制工艺注意事项"},
            {name:"整烫包装注意事项"}
        ]

        this.bigNum = [
            "一",
            "二",
            "三",
            "四",
            "五",
            "六",
            "七",
            "八",
            "九",
            "十"
        ]
    }

    componentWillMount(){

    }

    //asdasdsasdasd
    render(){

        const {} = this.state,
            {}  = this.props;

        return (
            <div className="poduction_manage_tab_box" >
                <div className="poduction_techRequ">
                    <div className="poduction_techRequ_container">
                        {
                            this.dataList.map((item,index)=>
                                <div className="poduction_techRequ-item">
                                    <div className="poduction_techRequ-item-header">
                                        <h3>
                                            {`${this.bigNum[index]} 、${item.name}`}
                                        </h3>
                                    </div>
                                    <div className="echRequ-item_content">
                                        <Input type="textarea" rows={4} maxLength="300" placeholder="点击这里输入步骤"/>
                                    </div>
                                    <footer className="echRequ-item_footer">
                                        <ul className="echRequ-item_cpicList">
                                        </ul>

                                        <div className="echRequ-item_pic-plus">
                                            <Button> 添加图片 </Button>
                                        </div>
                                    </footer>
                                </div>
                            )
                        }

                        <div className="packagSteps_footer">
                            <Button type="primary"> 保存 </Button>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}